<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>

<html:html lang="true">
    <head>
       
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title><bean:message key="welcome.title"/></title>
        <%@include file="includes.html" %>
        <html:base/>
    </head>
    <body style="background-color: white">
        <html:form action="/validar" method="post">
            <table cellpadding="0" cellspacing="0" width="100%">
                <tbody>
                    <tr>
                        <td align="center">
                            <div class="cssHeaderLogin">

                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <table id="TablaLogin" cellpadding="0" cellspacing="0">
                                <tbody>
                                    <tr>
                                        <td id="mainTD">
                                            <table cellpadding="0" cellspacing="0" width="100%">
                                                <tbody>
                                                    <tr>
                                                        <td width="16px;">

                                                        </td>
                                                        <td id="DescripcionSistema" style="width: 475px; vertical-align: top">
                                                            <table width="100%">
                                                                <tr>
                                                                    <td>
                                                                        <img src="imagenes/logo.png" alt="DIRPEN-PNP"/>
                                                                    </td>
                                                                    <td>
                                                                        
                                                                        <span style="font-size: 18pt; letter-spacing: 0.03em; font-weight:bold;  color: rgb(68, 68, 68); text-decoration: none;">
                                                                            SISTEMA DE TR&Aacute;MITE DOCUMENTARIO<br>
                                                                            <label  style="font-size: 12pt;">SISTRAM -DIRPEN-PNP</label>
                                                                        </span>
                                                                        
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td colspan="2" height="280px">

                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                        <td style="width: 20px;">
                                                        </td>
                                                        <td id="TablaAccesoLogin" style="vertical-align: top;">
                                                            <table cellpadding="0" cellspacing="0" width="100%">
                                                                <tbody>
                                                                    <tr>
                                                                        <td id="TitleTDHeader" colspan="2" class="cssSubHeader">
                                                                            <div id="idSuHeader" style="font-size: 100%;">
                                                                                iniciar sesión
                                                                            </div>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td style="width: 21px; vertical-align: top;">
                                                                            <table cellpadding="0" cellspacing="0">
                                                                                <tbody>
                                                                                    <tr>
                                                                                        <td id="separatorTD">
                                                                                            <label></label>
                                                                                        </td>
                                                                                    </tr>
                                                                                </tbody>
                                                                            </table>
                                                                        </td>
                                                                        <td style="vertical-align: top">
                                                                            <table cellpadding="0" cellspacing="0" style="width: 100%">
                                                                                <tbody>
                                                                                    <tr>
                                                                                        <td id="rightTD">
                                                                                            <div id="idDiv_Tile_Layout0">
                                                                                                <table cellspacing="0" cellpadding="0" style="width: 100%;">
                                                                                                    <tr>
                                                                                                        <td style="padding-bottom: 16px;">
                                                                                                            Usuario
                                                                                                        </td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <td style="padding-bottom: 16px;">
                                                                                                            <html:text property="usuario" styleClass="buttonLogeo" value="KFLOREZ"/>
                                                                                                        </td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <td style="padding-bottom: 16px;">
                                                                                                            Contrase&ntilde;a
                                                                                                        </td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <td style="padding-bottom: 16px;">
                                                                                                            <html:password property="password" styleClass="buttonLogeo" value="1234"/>
                                                                                                        </td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <td style="padding-bottom: 16px;">
                                                                                                            <html:submit property="submit" value="Validar" styleClass="fondoButton"/>
                                                                                                            <html:reset property="reset" value="Limpiar" styleClass="fondoButton"/>
                                                                                                        </td>
                                                                                                    </tr>
                                                                                                </table>
                                                                                            </div>
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td id="moreTD"></td>
                                                                                    </tr>
                                                                                </tbody>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="4">
                                                            <logic:notEmpty name="valida">
                                                                <script>
                                                                    alert("Usuario o Contraseña Incorrecta, Por favor vuelva a intentar");
                                                                    
                                                                </script>
                                                            </logic:notEmpty>
                                                            
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td id="footerTD" class="cssFooterPadding" height="45px;">
                            <span>©2010 Direcci&oacute;n de Pensiones - Policia Nacional del Per&uacute;</span>
                            <a href="#" class="cssFooterLeftA">Privacidad</a>
                        </td>
                    </tr>
                </tbody>
            </table>
            <logic:notPresent name="org.apache.struts.action.MESSAGE" scope="application">
                <div  style="color: red">
                    ERROR:  Recursos de la aplicación no se carga -- comprobar contenedor de servlets
                    los registros de mensajes de error.
                </div>
            </logic:notPresent>



        </html:form>
    </body>
</html:html>
